import React, { Component } from 'react'
import {withRouter} from "react-router-dom"
import "./my.scss"

 class my extends Component {

    returnClick=(params) => {
        this.props.history.push("/login")
    }
    aboutClick=(params) => {
        this.props.history.push("/about")
    }
    
    render() {
        return (
            <div className="My">
                <div className="state">
                    <button onClick={this.returnClick}>退出</button>
                    <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=177633073,2132009472&fm=26&gp=0.jpg" alt=""/>
                    <div className="username"></div>
                </div>
               
                <div className="item">
                    <i className="iconfont icon-xin"></i>
                    我的收藏
                    <span>~</span>
                    </div>
                <div className="item">
                <i className="iconfont icon-kefu"></i>
                    联系客服
                    <span>~</span>
                    </div>
                <div className="item">
                <i className="iconfont icon-ziyuan"></i>
                    关于我们
                    <span  onClick={this.aboutClick}>~</span>
                    </div>
                <div className="item">
                <i className="iconfont icon-liwu"></i>
                    设置
                    <span> ~ </span>
                    </div>
            </div>
        )
    }
}
export default withRouter(my)